
@import "../../app";
body{
  background: @bg-base;
}

.mine-credit{
  .content-30;
  .list-22-item{
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    box-sizing: border-box;
    .flex-base;
    align-items: flex-start;
    .img{
      width: 60px;
      height: 60px;
      flex-shrink: 0;
    }
    .info{
      flex-grow: 2;
      overflow: hidden;
      padding: 0 20px;
      .list-title{
        color: #333333;
      }
      .card-no{
        font-size: 36px;
        color: #333333;
        margin-top: 10px;
      }
    }
    .r{
      width: 26px;
      height: 26px;
      flex-shrink: 0;
    }
  }

}
.none-title{
  font-weight: bold;
  color: @theme-color;
  line-height: 34px;
  font-size: 34px;
  margin: 20px;
}

.none .none-tips {
  padding-top: 0;
}


.list-10{
  .list-10-item{
    .content-30;
    margin-bottom: 30px;
    border-radius: 10px;
    color: #fff;
    .flex-base;
    background: #57a2f5;
    align-items: flex-start;
  }
  .img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 30px;
    flex-shrink: 0;
  }
  .info{
    flex-grow: 2;
    .top{
      .flex-base;
      flex-wrap: wrap;
      .list-title{
        font-size: 30px;
        color: #fff;
      }
      .list-add{
        font-size: 26px;
        color: @theme-color;
        background: #fff;
        border-radius: 50px;
        text-align: center;
        line-height: 50px;
        padding: 0 20px;
        font-weight: bold;
      }
      .list-desc{
        width: 100%;
        color: #ddd;
      }
    }
    .bottom{
      margin-top: 30px;
      .flex-base;
      flex-wrap: wrap;
      .bottom__title{
        width: 100%;
        font-size: 22px;
      }
      .fw{
        font-size: 32px;
      }
    }
  }
  .color0{
    background: #57a2f5;
  }
  .color1{
    background: #e95f55;
  }
  .color2{
    background: #ff9935;
  }
  .color3{
    background: #ba62db;
  }
}
